<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            font-family: "方正舒体";
            font-size:20px;
        }
        td{
            border: 1px solid #ccc;
            padding:10px;
            color: rgba(240, 170, 83, 0.71);
        }
        table{
            border-collapse: collapse;
        }
    </style>
</head>
<body>

<script>
    document.write("<table>");
    for (var i= 1;i<=9;i++){
        document.write("<tr>");
        for (var j=1; j<=i;j++){
            document.write("<td>");
            document.write(j+"x"+i+"="+i*j);
            document.write("</td>");
        }
        document.write("</tr>");
    }
    document.write("</table>");
</script>

</body>
</html>